<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>事件绑定</title>
	</head>
	<body>
		<div id="app">
			<!--v-on指令 实现事件绑定-->
			<!--直接编辑操作内容-->
			数值:{{num}}
			<button v-on:click="num++">+1</button>
			<!--v-on简化操作@-->
			<button @click="num--">-1</button>
			<!--通过方法实现新增-->
			<button @click="addNum">+1</button>
		</div>
		
		<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
		<script>
            const app = new Vue({
                el: '#app',
                data: {
                    num: 1
                },
	            //定义vue对象中的方法
	            methods:{
                    // addNum:function () {
	                //     alert("测试")
                    // }
		            addNum(){
		                //app.num++
		                this.num++
		            }
	            }
            })
		</script>
	</body>
</html>